<template>
	<view class="content">
		<u-grid :border="true">
			<u-grid-item v-for="(item,index) in baseList" :key="index" @click="goPage(item.url)">
				<u-icon :customStyle="{paddingTop:20+'rpx'}" name="tags" :size="22"></u-icon>
				<text class="grid-text">{{item.title}}</text>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseList: [{
						title: '权限',
						url: '/pages/permission/permission'
					},
					{
						title: '登录',
						url: '/pages/login/login'
					},
					{
						title: 'webview',
						url: '/pages/webview/webview'
					},
					{
						title: 'cyq-grid',
						url: '/pages/cyq-grid-page/cyq-grid-page'
					},
					{
						title: '日历',
						url: '/pages/calendars/calendars'
					},
					{
						title: '头部',
						url: '/pages/custom-top/custom-top'
					},
					{
						title: 'txMap',
						url: '/pages/txMap/txMap'
					},
					{
						title: 'demozhihu',
						url: '/pages/demozhihu/demozhihu'
					},
					{
						title: 'demotantan',
						url: '/pages/demotantan/demotantan'
					}, {
						title: 'testupdate',
						url: '/pages/testupdate/testupdate'
					},
				],
			}
		},

		methods: {
			goPage(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>
<style lang="scss">
	.content {
		padding: 20px;
	}

	.grid-text {
		font-size: 14px;
		color: #909399;
		padding: 10rpx 0 20rpx 0rpx;
		/* #ifndef APP-PLUS */
		box-sizing: border-box;
		/* #endif */
	}
</style>
